<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>course_creation</title>
		<meta name="description" content="" />
		<meta name="author" content="sahsharm" />
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />
		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		<script type="text/javascript" src="../../lib/jquery-1.7.1.js"></script>
		<link rel="stylesheet" type="text/css" href="../../lib/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="../../lib/bootstrap/css/bootstrap-responsive.css">
		<script type="text/javascript" src="../../lib/bootstrap/js//bootstrap-dropdown.js"></script>
		<script type="text/javascript" src="../../lib/bootstrap/js/bootstrap-tooltip.js"></script>
		<script type="text/javascript" src="../../lib/bootstrap/js/bootstrap-popover.js"></script>
		<script type="text/javascript" src="../../lib/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
		<script type="text/javascript" src="js/coursemgtservice.js"></script>
		<script type="text/javascript" src="js/coursemgtcontroller.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('input').hover(function() {
					$(this).popover('show');
				});
				initEditor();
				initEventListeners();
			});
			function initEditor() {
				tinyMCE.init({
					mode : "textareas",
					theme : "advanced",
					plugins : "media",
					theme_advanced_buttons1_add : "media"
				});
			}

			function initEventListeners() {
				$('#btnCreateOffering').bind('click', function() {
					CourseMgtController.addCourseOffering();
				});
			}
		</script>
	</head>
	<body>
		<div class="container">

			<form id="addCourse" class="form-horizontal" action="" method="post">
				<fieldset>
					<legend>
						Course Offering
					</legend>
					<div class="control-group">
						<label class="control-label" for="co_title">Title</label>
						<div class="controls">
							<input type="text" data-original-title="Title" data-content="Enter Course Offering Title" rel="popover" name="co_title" id="co_title" class="input-xlarge">
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="co_code">Code</label>
						<div class="controls">
							<input type="text" data-original-title="Code" data-content="Enter Course Offering Code" rel="popover" name="co_code" id="co_code" class="input-xlarge">
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="co_desc">Description</label>
						<div class="controls">
							<textarea name="co_desc" id="co_desc" rows="15" cols="150"></textarea>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="co_price">Price</label>
						<div class="controls">
							<input type="text" data-original-title="Price" data-content="Enter Price" rel="popover" name="co_price" id="co_price" class="input-xlarge">
						</div>
					</div>
					<!--<div class="control-group">
					<label class="control-label" for="course_cat">Course Category</label>
					<div class="controls">
					<select id="course_cat" name="course_cat">
					<option value="">--Select--</option>
					<option value="fm">Fluid Mechanics</option>
					<option value="cat">CAT</option>
					</select>
					</div>
					</div>-->
					<div class="control-group">
						<label class="control-label" for="co_state">State</label>
						<div class="controls">
							<select id="co_state" name="co_state">
								<option value="">--Select--</option>
								<option value="DRAFT">Draft</option>
								<option value="PUBLISHED">Available</option>
							</select>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="co_vis">Visibility</label>
						<div class="controls">
							<select id="co_vis" name="co_vis">
								<option value="">--Select--</option>
								<option value="PUBLIC">Public</option>
								<option value="RESTRICTED">Restricted</option>
							</select>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="co_mode">Mode</label>
						<div class="controls">
							<select id="co_mode" name="co_mode">
								<option value="">--Select--</option>
								<option value="FACE_TO_FACE">Face To Face</option>
								<option value="ONLINE">Online</option>
							</select>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label"></label>
						<div class="controls">
							<button id ="btnCreateOffering" title="Create" rel="tooltip" class="btn btn-success" type="submit">
								Create Offering
							</button>
						</div>
					</div>
				</fieldset>
			</form>
		</div>
	</body>
</html>
